    
<div class="moduleTips">
    <img alt="moduleTips" src="http://juke.ipropre.com/public/uploads/moduleTips.png">
    <span>【小提示】:</span>上面【斜线区域】的效果将显示在您店铺中,下面的 备用区 是多出的部分，你可以在这两区之间拖动任意元素，最后斜线区域将被保存。
</div>
        
<?php echo '<div id="keyboard">'; ?>
        
        <div id="toggleTool">
        	<span class="s cur">分类备用区</span>
            <span class="s">分类工具区</span>
            <span class="s">客服备用区</span>
            <span class="s">颜色配置</span>
        </div>
        
        <div id="catsRecycle" class="kbox">
            <ul class="lv1 clearFix">
                <?php
                 if(count($test_cats)) :
                 foreach($test_cats as $key=>$val){
                           echo '<li>';
                           echo '<dl class="lv2 clearFix">';
                           echo '<dt><a href="http://shop'.$_SESSION["shopid"].'.taobao.com/search.htm?search=y&scid='.$key.'&queryType=cat" class="f100-m" target="_blank">'.$val['name'].'</a></dt>'; 
                              if(count($val) > 1){
                                  foreach($val['sub'] as $k=>$v) :
                                       echo '<dd><a href="http://shop'.$_SESSION["shopid"].'.taobao.com/search.htm?search=y&scid='.$k.'&queryType=cat" target="_blank">'.$v.'</a></dd>';
                                  endforeach;
                              }
                           echo '</dl>';
                           echo '</li>';
                       }
                endif;
                echo '<li><dl class="lv2 clearFix"></dl></li>';
                ?>
            </ul>
        </div>
		
        <div id="toolsArea" class="kbox" style="display:none;">
        <table width="100%"> 
            <tr>
                <td width="50%" valign="top">
                    <?php
                    echo '<div class="iconsBox">';
                    $iconArr = array(
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-02.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-19.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-03.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/new-02.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-01.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/new-03.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/best-02.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-10.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-16.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/cuxiaojia-04.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-21.png',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-09.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-07.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/hot-02.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/cuxiaojia-09.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-18.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-14.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-17.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-05.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/z-15.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/isongnew3.gif',
									 'http://top-juke.b0.upaiyun.com/new_hot_icon/cuxiaojia-02.gif',
									 );
                      foreach($iconArr as $img){
						  	for($i=0;$i<4;$i++){
									echo '<img src="'.$img.'" />';
								}
						  } 
					   
                    echo '</div>';
					?>
                </td>
                <td width="50%" valign="top">
                    <dl class="lv2 lv2cus clearFix" style="border:1px dashed #CCC;"></dl>
                    <dl id="customAdd">
                    	<dt>添加自定义链接</dt>
                        <dd>链接名称: <input type="text" size="10" id="customAddName" /></dd>
                        <dd>链接地址: <input type="text" size="32" id="customAddUrl" value="http://" /></dd>
                        <dd>链接类型: <input type="radio" name="urlType" value="1" /> 一级分类 <input type="radio" name="urlType" checked="checked" value="2" /> 子分类</dd>
                        <dt><input type="button" value="添加" id="customAddok" /></dt>
                    </dl>
                </td>
            </tr>
        </table>
        </div>
		
        <div id="wwRecycle" class="kbox" style="display:none;">
            <table width="100%">
                <tr>
                    <td>
                    <ul class="wwBox1 clearFix" style="width:190px;">
                        <?php
                         if(count($wangwang)) :
                         foreach($wangwang as $key=>$val){
                                 echo '<li>';
                                 echo '<dl class="wwBox2 clearFix">';
                                 echo '<dt>'.$val['name'].'</dt>'; 
                                    if(count($val) > 1){
                                        foreach($val['group'] as $k=>$v) :
                                            $v2 = explode(':',$v);
                                            $v3 = count($v2) > 1 ? $v2[1] : $v2[0];
                                            echo '<dd><span>'.$v3.':</span><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid='.$v.'&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid='.$v.'&site=cntaobao&s='.$fat1.'&charset=utf-8" alt="点这里给我发消息" /></a></dd>';
                                        endforeach;
                                    }
                                 echo '</dl>';
                                 echo '</li>';
                               }
                        endif;
                        ?>
                    </ul>
                    </td>
                    <td width="190">
                  <?php 
                  echo '<dl class="wwBox2 clearFix">';
                  foreach($wangwang_small as $key=>$val){
                      if(count($val) > 1){
                          foreach($val['group'] as $k=>$v) :
                               echo '<dd><span>'.$v.':</span><a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid='.$v.'&siteid=cntaobao&status=1&charset=utf-8"><img border="0" src="http://amos.alicdn.com/online.aw?v=2&uid='.$v.'&site=cntaobao&s='.$fat2.'&charset=utf-8" alt="点这里给我发消息" /></a></dd>';
                          endforeach;
                      }
                   }
                   echo '</dl>';
                  ?>
                    </td>
                    <td width="200">
                      <div class="wwBox2 clearFix wwBox2cus" style="border:1px dashed #CCC;"></div>
                      <dl id="customAddNick">
                          <dt>添加自定义昵称</dt>
                          <dd>昵称: <input type="text" size="10" id="customNick" /> <input type="button" value="添加" id="customAddNickok" /></dd>
                      </dl>
                    </td>
                </tr>
            </table>
            
        </div>
        
        <div id="colorChange" class="kbox clearFix" style="display:none;">
        	<?php foreach($colors as $co) : 
			
			echo '<span data-val="'.$co.'" style="background-color:'.$co.';"></span>';
			
			endforeach; ?>
        	
        </div>

	<?php echo '</div>'; // keyboard ?>